<template>
    <div style="margin-bottom: 10px;"><el-alert title="SellOrder.js文件中的扩展SellOrder表显示body信息,你可以在此处定义需要显示的信息"
            type="warning" show-icon />

    </div>
    <vol-box :lazy="true" v-model="model" title="弹出框1" :height="400" :width="700" :padding="5"
        :onModelClose="onModelClose">
        <div><el-button type="primary" size="small" @click=Model1BClick()>确认</el-button></div>
        <div>弹出框内容</div>
        <template #footer>
            <div>
                <el-button type="primary" size="small" @click="$Message.error('点击确认')">确认</el-button>
                <el-button type="default" size="small" @click="model = false">点击关闭弹出框</el-button>
            </div>
        </template>
    </vol-box>
    <vol-box :lazy="true" v-model="model2" title="弹出框2" :height="500" :width="600" :padding="15"
        :onModelClose="onModelClose">
        <div>ces2</div>
        <template #footer>
            <div>
                <el-button type="primary" size="small" @click="$Message.error('点击确认')">确认</el-button>
                <el-button type="default" size="small" @click="model = false">点击关闭弹出框</el-button>
            </div>
        </template>
    </vol-box>
</template>

<script>
import VolBox from '@/components/basic/VolBox.vue';
import { Model } from 'echarts';

export default {
    components: {
        'vol-box': VolBox
    },
    data() {
        return {
            model: false,
            model2: false
        }
    },
    methods: {
        openModel1() {
            this.model = true;
        },
        openModel2() {
            this.model2 = true;
        },
        Model1BClick() {
            this.$emit('parentCall', $parent => { $parent.search() });
            this.model = false;

        }
       

    }
}
</script>

<style></style>